<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1 class="content"></h1>
    <script>
        //计算现在时间距离 2022年6月27号9:00 时间差 显示页面上，实时倒计时。
        function time() {
            var a = new Date("2022/7/27 9:00")
            var b = new Date;
            var nowtime = b.getTime();
            var lasttime = a.getTime();
            var sec = lasttime - nowtime;
            // console.log(sec);
            var alltime = parseInt(sec / 1000);
            var month = parseInt((alltime/86400)/30)
            var date = parseInt(((alltime / 3600) / 24)-(30*month));
            var hours = parseInt((alltime / 3600) % 24);
            var min = parseInt((alltime / 60) % 60);
            var sce = parseInt(alltime % 60)








            // var month = parseInt(sec / 1000 / 60 / 60 / 24 / 30);
            // if (parseInt(sec / 1000 / 60 / 60 / 24) > 30) {
            //     var date = parseInt(sec / 1000 / 60 / 60 / 24) - 30;
            //     var hours = parseInt((parseFloat(sec / 1000 / 60 / 60 / 24) - date - 30) * 24);
            // }
            // else if (parseInt(sec / 1000 / 60 / 60 / 24) < 30) {
            //     var date = parseInt(sec / 1000 / 60 / 60 / 24);
            //     var hours = parseInt((parseFloat(sec / 1000 / 60 / 60 / 24) - date) * 24);
            // }
            // var min = parseInt(((sec / 1000 / 60)) - (((month * 30) + date) * 24 * 60) );
            // var sce = parseInt(((((sec / 1000 / 60)) - (((month * 30) + date) * 24 * 60)) - min) * 60);
            mytime = `距离 2022年6月27号9:00还剩${month}月${date}日${hours}时${min}分${sce}秒`
            document.getElementsByClassName("content")[0].innerHTML = mytime;
            // var oH1 = document.querySelector('h1');
            // oH1.innerHTML = `距离 2022年6月27号9:00还剩${month}月${date}日${hours}时${min}分${sce}秒`

            // oH1.innerHTML = `距离 2022年6月27号9:00还剩${month}月${date}日${hours}时${min}分${sce}秒`

            // document.write(`距离 2022年6月27号9:00还剩${month}月${date}日${hours}时${min}分${sce}秒`)
        }
        time();
        setInterval(time, 1000)
        // console.log(month);
        // console.log(date);
        // console.log(hours);
        // console.log(min);
        // console.log(sce);

        // function time(){


        //     document.getElementsByClassName("content")[0].innerHTML = str;
        // }
        // innerTime()
        // setInterval(function(){
        //     innerTime()
        // }, 1000);

        // var str = `距离${a.getFullYear()}年${a.getMonth()}月${a.getDate()}日${a.getHours()}:0${a.getSeconds()}`
        // console.log(str)
        // var lasttime = a.getTime()
        // console.log(lasttime)
        // setTimeout(function(){})
    </script>
</body>

</html>